﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>无线点餐平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="/style/js/jquery.js"></script>
    <script type="text/javascript" src="/style/js/page_common.js"></script>
    <link href="/style/css/common_style_blue.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="/style/css/index_1.css"/>
</head>
<body>
<!-- 页面标题 -->
<div id="TitleArea">
    <div id="TitleArea_Head"></div>
    <div id="TitleArea_Title">
        <div id="TitleArea_Title_Content">
            <img border="0" width="13" height="13" src="/style/images/title_arrow.gif"/> 菜品列表
        </div>
    </div>
    <div id="TitleArea_End"></div>
</div>
<!-- 过滤条件 -->
<div id="QueryArea">
    <form action="/food/foodAllPage/1/5" method="post" id="ff">
        <input type="text" name="title"  placeholder="请输入菜品名称">
        <input type="submit" value="搜索">
    </form>
</div>
<!-- 主内容区域（数据列表或表单显示） -->
<div id="MainArea">
    <table class="MainArea_Content" align="center" cellspacing="0" cellpadding="0">
        <!-- 表头-->
        <thead>
        <tr align="center" valign="middle" id="TableTitle">
            <td>菜编号</td>
            <td>菜名</td>
            <td>所属菜系</td>
            <td>价格</td>
            <td>会员价格</td>
            <td>菜品图片</td>
            <td>操作</td>
        </tr>
        </thead>
        <!--显示数据列表 -->
        <tbody id="TableData">
        <tr class="TableDetail1" th:each="food : ${pageUtils.records}" align="center">
            <td th:text="${food.id}">1&nbsp;</td>
            <td th:text="${food.title}">白灼虾1&nbsp;</td>
            <td th:text="${food.foodType.name}">粤菜&nbsp;</td>
            <td th:text="${food.price}">36.0&nbsp;</td>
            <td th:text="${food.vip_price}">23.0&nbsp;</td>
            <td>
                <img th:src="|/upload/${food.photo}|" width="100px" height="100px" />
            </td>
            <td>
                <a th:href="|/food/findFoodById/${food.id}/a|" class="FunctionButton">更新</a>
                <a th:href="|/food/delFood/${food.id}|" onClick="return delConfirm();" class="FunctionButton">删除</a>
            </td>
        </tr>
        </tbody>
    </table>
	
    <!-- 其他功能超链接 -->
    <div id="TableTail" align="center">
        <div class="FunctionButton"><a href="/food/toSaveFoodPage">添加</a></div>
        <a href="/food/foodAllPage/1/5">首页</a>
        <a th:href="|/food/foodAllPage/${pageUtils.pageIndex-1}/5|">上一页</a>
        <a th:href="|/food/foodAllPage/${pageUtils.pageIndex+1}/5|">下一页</a>
        <a th:href="|/food/foodAllPage/${pageUtils.pageCount}/5|">尾页</a>
		当前[[${pageUtils.pageIndex}]]/[[${pageUtils.pageCount}]]页
		共[[${pageUtils.totalCount}]]条
    </div>
</div>
</body>
</html>
